<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>朋友</title>
    <link rel="stylesheet" href="../css/reset.css" />
    <link rel="stylesheet" href="../css/friend.css" />
    <link rel="stylesheet" href="../iconfont/iconfont.css">
    <link rel="stylesheet" href="../iconfont/iconfont/iconfont.css" type="text/css" />
    <script src="../js/flexible.js"></script>
</head>

<body>
    <header>
        <section class="header-top">
            <span>朋友</span>
            <div>
                <a href="#"><i class="iconfont">&#xe686;</i></a>
                <a href="#"><i class="iconfont">&#xe68e;</i></a>
                <a href="#"><i class="iconfont">&#xe622;</i></a>
            </div>
        </section>
    </header>
    <section class="main">
        <div class="top">
            <a href="#">
                <img src="../img/shh.jpg" alt="" />
                <span><b>生活号</b><b>回来了</b></span>
            </a>
            <a href="#">
                <img src="../img/9.png" alt="" />
                <span><b>小程序</b><b>发现更多服务</b></span>
            </a>
            <a href="#">
                <img src="../img/10.png" alt="" />
                <span><b>生活圈</b><b>你有...更新动态</b></span>
            </a>
        </div>
        <div class="bottom">
            <a href="#">
                <img src="../img/11.png" alt="" />
                <div>
                    <span><b>服务提醒</b><b>你有45条未读信息</b> </span
            ><i>15:22</i>
          </div>
        </a>
        <a href="#">
          <img src="../img/10086.jpg" alt="" />
          <div>
            <span><b>手机充值</b><b>重阳节美食图鉴</b></span>
                    <i>10:30</i>
                </div>
            </a>
            <a href="#">
                <img src="../img/14.png" alt="" />
                <div>
                    <span><b>哈啰出行</b
              ><b>时代见证|"我是靠优秀教室，才赢得了这张买车"</b></span
            >
            <i>9:31</i>
          </div>
        </a>
        <a href="#">
          <img src="../img/sq.jpg" alt="" />
          <div>
            <span><b>社区生活</b><b>清空家中旧书,抽Mac口红</b> </span
            ><i>9:04</i>
          </div>
        </a>
        <a href="#">
          <img src="../img/fx.jpg" alt="" />
          <div>
            <span><b>发现好生活</b><b>那些话不要和孩子说？</b> </span
            ><i>6:00</i>
          </div>
        </a>
        <a href="#">
          <img src="../img/sjcz.jpg" alt="" />
          <div>
            <span><b>生活缴费</b><b>限时领！150万份缴费福利速抢</b> </span
            ><i>昨天</i>
          </div>
        </a>
        <a href="#">
          <img src="../img/hb.jpg" alt="" />
          <div>
            <span><b>借呗</b><b>买家具,分期0费率,又来了</b> </span
            ><i>9月27日</i>
          </div>
        </a>
      </div>
    </section>
    <!-- 尾部 -->
    <footer>
      <ul>
          <li><a href="首页.html"><i class="iconfont">&#xe614;</i><span>首页</span></a>
            </li>
            <li><a href="财富.html"><i class="iconfont">&#xe604;</i><span>财富</span></a></li>
            <li><a href=""><i class="iconfont">&#xe630;</i><span>口碑</span></a></li>
            <li><a href="朋友.html"><i class="iconfont" style=" color: #29a1f7;">&#xe61a;</i><span style=" color: #29a1f7;">朋友</span></a></li>
            <li><a href="我的.html"><i class="iconfont">&#xe690;</i><span>我的</span></a></li>
            </ul>
            </footer>
</body>

</html>